﻿@using ClinicaDentalApp.Models.Base
@model PlanDeTratamiento

@{
    ViewBag.Title = "Sesion a Sesion";
}

@section scripts{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    

    <script type="text/javascript" language="javascript">
        $(function () {
            $('a[href$="Create"]').button().css('margin-bottom', '10px');

            function getCliente(id) {
                $.ajax({
                    type: "GET",
                    url: '@Url.Action("PlanDeTratamientoClientes", "Pacientes")/?idCliente=' + id,
                    success: function (data) {
                        $("#DatosCliente").html("");
                        $("#DatosCliente").html(data);
                        $("#AutoComplete").val("");
                    }
                });
            }

            $("#AutoComplete").autocomplete({
                source: '@(Url.Action("AutocompleteFichasUsuario"))',
                minLength: 3,
                select: function (event, ui) {
                    getCliente(ui.item.id);

                }
            });
        });
    </script>
}

@{
    
}
<h2>Sesion a Sesion</h2><br />
<div>
    Nombre Paciente: <strong>@Model.Cliente.Nombre @Model.Cliente.ApellidoMaterno @Model.Cliente.ApellidoPaterno</strong>
</div>

<div id="DatosCliente" style="width:100%; margin-left:auto; margin-right:auto;"><br />
   <table>
        <thead>
            <tr>
                <th>Fecha</th>
                <th>Accion Clinica</th>
                <th>Abono</th>
                <th>Saldo</th>
                
            </tr>
        </thead>
        <tbody>
        
            @foreach (PropuestaAccion item in ViewBag.Lista)
            {
                <tr>
                    @if (item.FechaRealizacion.HasValue)
                    {
                        <td>@item.FechaRealizacion.Value.Date</td>
                    }
                    else
                    {
                        <td></td>
                    }
                    <td>@item.Accion</td>
                    <td>@item.ValorReal</td>
                    <td>@item.ValorRebajado</td>
                </tr>
            }
        </tbody>
    </table><br /><div style="float: left">
    @Html.ActionLink("Agregar una Sesion", "AgregarSesion", new { @id = Model.Id })</div>
</div>